<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>样式</title>
		<!-- 内部样式 -->
		<style>
			h3{
				color: green; 	/* 字体颜色 */
				font-size: 20px;	/* 字体大小 */
				text-align: center;		/* 文本居中显示 */
			}
		</style>
		<!-- step2:引入css文件 -->
		<link href="css/ziti.css" rel="stylesheet" />
	</head>
	<body>
		<!-- 引入样式的方式：
		1.内联样式:在开始标签中加入style属性，在属性中设置样式
		2.内部样式：在head标签中用style标签引入
		3.外部样式：
			step1:书写外部样式css文件
			step2:在html文件的head标签中引入css文件
		三种引入样式优先级
		内联样式优先级最高
		谁离标签进听谁的
		
		-->
		<h1 style="color: red;font-size: 24px;">古诗中文网</h1><!-- 内联样式 -->
		<h3>蒹葭</h3>
		<p>蒹葭苍苍，白露为霜</p>
		<p>所谓伊人，在水一方</p>
	</body>
</html>
